﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm8.aspx.cs" Inherits="UILGestion.WebForm8" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html lang="en" >
<head runat="server">



  <meta charset="utf-8" />

  <title>Tabla Distribucion de Gastos</title>

  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>

  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

  <link rel="stylesheet" href="/resources/demos/style.css" />

  <style>

  #project-label {

    display: block;

    font-weight: bold;

    margin-bottom: 1em;

  }

  #project-icon {

    float: left;

    height: 32px;

    width: 32px;

  }

  #project-description {

    margin: 0;
    padding: 0;

  }
  
  .C1 { width: 70px; font-family: Arial, Helvetica, sans-serif; font-size: x-small;}
  .C2 { width: 62px; font-family: Arial, Helvetica, sans-serif; font-size: x-small;}
  .C3 { width: 237px; font-family: Arial, Helvetica, sans-serif; font-size: x-small;}
  .C4 { width: 79px; font-family: Arial, Helvetica, sans-serif; font-size: x-small;}
  .C5 { width: 69px; font-family: Arial, Helvetica, sans-serif; font-size: x-small;}
  .C6 { width: 44px; font-family: Arial, Helvetica, sans-serif; font-size: x-small;}
  .C7 { width: 83px; font-family: Arial, Helvetica, sans-serif; font-size: x-small;}
  .C8 { width: 90px; font-family: Arial, Helvetica, sans-serif; font-size: x-small;}

  </style>

  <script>

      $(function () {

      function fnLlamadaError(excepcion) {

          alert('Ha ocurrido un error interno: ' + excepcion.get_message());
      }

      $("#cuenta1TXT").autocomplete({

          minLength: 0,
          source: function (request, response) {

                         PageMethods.GetCuentaConf(request.term,function (data) {
                            var cuenta = (typeof data) == 'string' ? eval('(' + data + ')') : data;
                            response(cuenta);}, fnLlamadaError);

                    }, 
                    focus: function (event, ui) {
          $("#cuenta1TXT").val(ui.item.cuenta);

              return false;

          },select: function (event, ui) {

              $("#cuenta1TXT").val(ui.item.cuenta);

              $("#idCuenta1").val(ui.item.idInternal);
              $("#descripcion1").val(ui.item.descripcion);
              $("#tipoAnexo1").val(ui.item.tipoAnexo);
              return false; }

      }).data("ui-autocomplete")._renderItem = function (ul, item) {

        return $("<li>")

        .append("<a>" + item.cuenta + "-" + item.descripcion + "</a>")

        .appendTo(ul);

    };

    //------------------------ANEXOS----------------

     var idEmpresa = $("#idEmpresa").val();
     var tipoAnexo1=$("#tipoAnexo1").val();
    $("#anexo1TXT").autocomplete({

        minLength: 0,
        source: function (request, response) {

            PageMethods.GetAnexo(request.term+'|'+ idEmpresa +'|'+ tipoAnexo1, function (data) {
                var cuenta = (typeof data) == 'string' ? eval('(' + data + ')') : data;
                response(cuenta);
            }, fnLlamadaError);

        },
        focus: function (event, ui) {
            $("#anexo1TXT").val(ui.item.codigo);

            return false;

        }, select: function (event, ui) {

            $("#anexo1TXT").val(ui.item.codigo);

            return false;
        }

    }).data("ui-autocomplete")._renderItem = function (ul, item) {

        return $("<li>")

        .append("<a>" + item.codigo + "-" + item.descripcion + "</a>")

        .appendTo(ul);

    };

    //-----------------------CENTRO COSTO


    $("#centroCosto1TXT").autocomplete({

        minLength: 0,
        source: function (request, response) {

            PageMethods.GetAnexo(request.term + '|' + idEmpresa + '|' + tipoAnexo1, function (data) {
                var cuenta = (typeof data) == 'string' ? eval('(' + data + ')') : data;
                response(cuenta);
            }, fnLlamadaError);

        },
        focus: function (event, ui) {
            $("#centroCosto1TXT").val(ui.item.codigo);

            return false;

        }, select: function (event, ui) {

            $("#centroCosto1TXT").val(ui.item.codigo);

            return false;
        }

    }).data("ui-autocomplete")._renderItem = function (ul, item) {

        return $("<li>")

        .append("<a>" + item.codigo + "-" + item.descripcion + "</a>")

        .appendTo(ul);

    };
      });
//-- linea 2
$(function () {

    function fnLlamadaError(excepcion) {

        alert('Ha ocurrido un error interno: ' + excepcion.get_message());
    }

    $("#cuenta2TXT").autocomplete({

        minLength: 0,
        source: function (request, response) {

            PageMethods.GetCuentaConf(request.term, function (data) {
                var cuenta = (typeof data) == 'string' ? eval('(' + data + ')') : data;
                response(cuenta);
            }, fnLlamadaError);

        },
        focus: function (event, ui) {
            $("#cuenta2TXT").val(ui.item.cuenta);

            return false;

        }, select: function (event, ui) {

            $("#cuenta2TXT").val(ui.item.cuenta);

            $("#idCuenta2").val(ui.item.idInternal);
            $("#descripcion2").val(ui.item.descripcion);
            $("#tipoAnexo2").val(ui.item.tipoAnexo);
            return false;
        }

    }).data("ui-autocomplete")._renderItem = function (ul, item) {

        return $("<li>")

        .append("<a>" + item.cuenta + "-" + item.descripcion + "</a>")

        .appendTo(ul);

    };

    //------------------------ANEXOS----------------

    var idEmpresa = $("#idEmpresa").val();
    var tipoAnexo1 = $("#tipoAnexo2").val();
    $("#anexo2TXT").autocomplete({

        minLength: 0,
        source: function (request, response) {

            PageMethods.GetAnexo(request.term + '|' + idEmpresa + '|' + tipoAnexo1, function (data) {
                var cuenta = (typeof data) == 'string' ? eval('(' + data + ')') : data;
                response(cuenta);
            }, fnLlamadaError);

        },
        focus: function (event, ui) {
            $("#anexo2TXT").val(ui.item.codigo);

            return false;

        }, select: function (event, ui) {

            $("#anexo2TXT").val(ui.item.codigo);

            return false;
        }

    }).data("ui-autocomplete")._renderItem = function (ul, item) {

        return $("<li>")

        .append("<a>" + item.codigo + "-" + item.descripcion + "</a>")

        .appendTo(ul);

    };

    //-----------------------CENTRO COSTO


    $("#centroCosto2TXT").autocomplete({

        minLength: 0,
        source: function (request, response) {

            PageMethods.GetAnexo(request.term + '|' + idEmpresa + '|' + tipoAnexo1, function (data) {
                var cuenta = (typeof data) == 'string' ? eval('(' + data + ')') : data;
                response(cuenta);
            }, fnLlamadaError);

        },
        focus: function (event, ui) {
            $("#centroCosto2TXT").val(ui.item.codigo);

            return false;

        }, select: function (event, ui) {

            $("#centroCosto2TXT").val(ui.item.codigo);

            return false;
        }

    }).data("ui-autocomplete")._renderItem = function (ul, item) {

        return $("<li>")

        .append("<a>" + item.codigo + "-" + item.descripcion + "</a>")

        .appendTo(ul);

    };
});

  </script>

</head>

<body>


<form id="form1" runat="server">
 <asp:ScriptManager EnablePageMethods="true" ID="ScriptManager1" runat="server"> </asp:ScriptManager> 
<input type="hidden" id="idEmpresa" value="6" />

<table   border="0">
<tr>
<td>CUENTA</td>
<td>CONCEPTO</td>
<td>ANEXO</td>
<td>ANEXO AUX.</td>
<td>CENTRO COSTO</td>
<td>DOC.</td>
<td>NUMERO</td>
<td>IMPORTE</td>
<td>GLOSA</td>
</tr>


<tr style="padding-left:0;padding-right:0;"  >
<td ><input class="C1" id="cuenta1TXT"  tabindex="1" /><input type="hidden" id="idCuenta1" /><input type="hidden" id="tipoAnexo1" /></td>
<td ><input class="C2" id="descripcion1"   readonly=readonly   /> </td>
<td ><input class="C3" id="anexo1TXT" tabindex="2" /> <input type="hidden" id="idAnexo1" /></td>
<td ><input class="C4" id="anexoAu1TXT" tabindex="3" /> <input type="hidden" id="Hidden1" /></td>
<td ><input class="C5" id="centroCosto1TXT" tabindex="4" /> <input type="hidden" id="Hidden2" /></td>
<td ><input class="C6" id="tipoDoc1TXT" tabindex="5" /> <input type="hidden" id="Hidden3" /></td>
<td ><input class="C7" id="numero1TXT" tabindex="6" /> <input type="hidden" id="Hidden4" /></td>
<td ><input class="C8" id="importe1TXT" tabindex="7" /> <input type="hidden" id="Hidden5" /></td>
<td ><input class="C9" id="glosa1TXT" tabindex="8" width="100px" /> <input type="hidden" id="Hidden6" /></td>

</tr>


<tr style="padding-left:0;padding-right:0;"  >
<td ><input class="C1" id="cuenta2TXT"  tabindex="10" /><input type="hidden" id="idCuenta2" /><input type="hidden" id="tipoAnexo2" /></td>
<td ><input class="C2" id="descripcion2"   readonly=readonly   /> </td>
<td ><input class="C3" id="anexo2TXT" tabindex="11" /> <input type="hidden" id="idAnexo2" /></td>
<td ><input class="C4" id="anexoAu2TXT" tabindex="12" /> <input type="hidden" id="Hidden7" /></td>
<td ><input class="C5" id="centroCosto2TXT" tabindex="13" /> <input type="hidden" id="Hidden8" /></td>
<td ><input class="C6" id="tipoDoc2TXT" tabindex="14" /> <input type="hidden" id="Hidden9" /></td>
<td ><input class="C7" id="numero2TXT" tabindex="15" /> <input type="hidden" id="Hidden10" /></td>
<td ><input class="C8" id="importe2TXT" tabindex="16" /> <input type="hidden" id="Hidden11" /></td>
<td ><input class="C9" id="glosa2TXT" tabindex="17" width="100px" /> <input type="hidden" id="Hidden12" /></td>

</tr>
</table>
 





</form>



 

</body>

</html>



<!doctype html>